// // 如果手机号长度大于0，显示iconfont，否则隐藏
// $(".user-name").addEventListener("keyup", function () {
//   if ($(".user-name").value.length > 0) {
//     $(".iconfont1").style.display = "block";
//   } else {
//     $(".iconfont1").style.display = "none";
//   }
// });
// $(".phone").addEventListener("keyup", function () {
//   if ($(".phone").value.length > 0) {
//     $(".iconfont2").style.display = "block";
//   } else {
//     $(".iconfont2").style.display = "none";
//   }
// });
// $(".inp-pwd").addEventListener("keyup", function () {
//   if ($(".inp-pwd").value.length > 0) {
//     $(".iconfont3").style.display = "block";
//   } else {
//     $(".iconfont3").style.display = "none";
//   }
// });
// $a(".iconfont").forEach(function (item) {
//   item.addEventListener("click", function () {
//     $(".iconfont1").style.display = "none";
//     $(".iconfont2").style.display = "none";
//     $(".iconfont3").style.display = "none";
//     $(".user-name").value = "";
//     $(".phone").value = "";
//     $(".inp-pwd").value = "";
//   });
// });
// let userName = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/;
// $(".user-name").addEventListener("blur", function () {
//   let bool = userName.test(this.value);
//   if (bool) {
//     $(".user-name").style.borderColor = "green";
//     $(".nickname1").textContent = "";
//   } else {
//     $(".user-name").style.borderColor = "#f00";
//     $(".nickname1").textContent = "昵称需在6-20位字母数字间";
//   }
// });
// let iphoneReg =
//   /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
// $(".phone").addEventListener("keyup", function () {
//   let bool = iphoneReg.test(this.value);
//   if (bool) {
//     $(".phone").style.borderColor = "green";
//     $(".nickname2").textContent = "";
//   } else {
//     $(".phone").style.borderColor = "#f00";
//     $(".nickname2").textContent = "请输入正确的手机号";
//   }
// });
// let sms = /^\d{4}$/;
// $(".inp-code").addEventListener("keyup", function () {
//   let bool = sms.test(this.value);
//   if (bool) {
//     $(".inp-code").style.borderColor = "green";
//     $(".nickname3").textContent = "";
//   } else {
//     $(".inp-code").style.borderColor = "#f00";
//     $(".nickname3").textContent = "请输入4位手机验证码";
//   }
// });
// let code = /^\d{6,12}$/;
// $(".inp-pwd").addEventListener("keyup", function () {
//   let bool = code.test(this.value);
//   if (bool) {
//     $(".inp-pwd").style.borderColor = "green";
//     $(".nickname4").textContent = "";
//   } else {
//     $(".inp-pwd").style.borderColor = "#f00";
//     $(".nickname4").textContent = "请输入6-12位的密码";
//   }
// });
//点击changeBtn改变submit-btn的禁用属性和背景色
// let flag = true;
// $("#changeBtn").addEventListener("change", function () {
//   if (flag) {
//     $(".submit-btn").style.backgroundColor = "rgb(21, 189, 237)";
//     $(".submit-btn").disabled = "false";
//   } else {
//     $(".submit-btn").style.backgroundColor = "#ccc";
//     $(".submit-btn").disabled = "true";
//   }
//   flag = !flag;
// });
// 点击get-captcha 60s倒计时

$(".get-captcha").addEventListener("click", function () {
  let sec = 60;

  let timer = setInterval(function () {
    $(".get-captcha").disabled = true;
    $(".get-captcha").textContent = sec;
    --sec;

    if (sec < 0) {
      clearInterval(timer);
      $(".get-captcha").textContent = "获取验证码";
      $(".get-captcha").disabled = false;
    }
  }, 1000);
});
// // 判断是否合法
// $(".form").addEventListener("submit", function (event) {
//   if (!userName.test($(".user-name").value)) {
//     $(".nickname1").textContent = "昵称需在6-2位字母数字间";
//     event.preventDefault();
//   } else if (!iphoneReg.test($(".phone").value)) {
//     $(".nickname2").textContent = "请输入正确的手机号";
//     event.preventDefault();
//   } else if (!sms.test($(".inp-code").value)) {
//     $(".nickname3").textContent = "请输入4位手机验证码";
//     event.preventDefault();
//   } else if (!code.test($(".inp-pwd").value)) {
//     $(".nickname4").textContent = "请输入6-12位的密码";
//     event.preventDefault();
//   }
//   location.href = "../home/home.html";
// });

let reg = [
  /^[a-zA-z][a-zA-Z0-9]{5,11}$/,
  /^1[3-9]\d{9}$/,
  /^\d{4}$/,
  /^\w{6,12}$/,
];

// 失焦验证
$a(".inp").forEach(function (dom, i) {
  dom.addEventListener("blur", function () {
    if (reg[i].test(dom.value)) {
      $a(".test")[i].classList.remove("db");
    } else {
      $a(".test")[i].classList.add("db");
    }
  });
});
// 取消禁用,单选复选用change事件
let count = 0;
$("#changeBtn").addEventListener("change", function () {
  if (++count % 2) {
    $(".submit-btn").disabled = false;
    $(".submit-btn").style.backgroundColor = "rgb(21, 189, 237)";
  } else {
    $(".submit-btn").disabled = true;
    $(".submit-btn").style.backgroundColor = "#ccc";
  }
});

// 点击form验证合法性
$(".submit-btn").addEventListener("click", function () {
  //  验证不合法,可以判断inp或者reg
  for (let i = 0; i < $a(".inp").length; i++) {
    if (!reg[i].test($a(".inp")[i].value)) {
      $a(".test")[i].classList.add("db");
      return;
    }
  }
  alert("注册成功");
  location.href = "../login/login.html";
});
